<template>
    <div>
        <!-- <el-table :data="data.tableData" border >
            <el-table-column prop="username" label="姓名" />
            <el-table-column prop="mobile" label="电话"  />
            <el-table-column prop="openTime" label="开通时间" />
        </el-table> -->
    </div>
</template>
<script setup>
import { ref, reactive, toRefs, onMounted } from "vue"
import { rolelist } from '@/http/api'
const data = ({
    queryModel: {
        page: 1,
        size: 10
    },
    tableData:[]
})
onMounted(() => {
    rolelist(data.queryModel).then((res) => {
        data.tableData=res.data.list
        data.tableData.forEach(item=>{
             console.log(item.username);
        })
       
    })
})
</script>
<style lang="scss" scoped>
</style>